body {
    overflow: scroll;
    overflow-x: hidden;
  }
.banner{
    img{
        width: 100%;
    }
    .pages {
        width: 100%;
        position: absolute;
        display: flex;
        margin: 0 auto;
        justify-content: center;
        li {
          position: relative;
          width: 10px;
          top: -30px;
          height:10px;
          margin: 3px;
          background: white;
          border-radius: 50%;
          display: inline-block;
          &:first-of-type {
            background: orange;
          }
        }
      }
}
.gamebox{
    .hot1{

    
    .hot_logo{
        width: 30px;
        height: 30px;
    }
    .hot_left{
        margin-top: 20px;
    img{
        width: 100%;
    }
    }
    .hot_right{
        text-align: right;
        h2{
            float: right;

        }
        p{
            float: right;
        }
        .game_detail{
            width: 300px;
            margin: 0;
            // padding-left: 10px;
            margin-top: 10px;
            margin-bottom: 10px;
          
          
          
        }
        .game_detail img{
            width: 200px;
            height: 100px;
           
        }
    }
}
    .hot2{
    .hot_right{
        margin-top: 20px;
        img{
        width: 100%;
    }
    }
    .hot_left{
        text-align: left;
        h2{
            float: left;

        }
        p{
            float: left;
        }
        .game_detail1{
            width: 300px;
            margin: 0;
            // padding-left: 10px;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 35px;
            text-align: center;
          
        }
        .game_detail1 img{
            width: 200px;
            height: 100px;
           
        }
    }
}
    .more_cases{
        .title{
            font: 16px;
            // padding-bottom: 10px;
            margin-bottom: 10px;
        }
        .games_box1{
         text-align: center;
        padding: 0 10px;
         
            p{
                font-size: 16px;
                padding-top: 5px;
         }   
        }
    }
}